.chat {
    // width: 100%;
    // height: 100vh;
    .message_container {
        // height: 213.3333vw;
        padding: 20px;
        .message_ele {
            width: 100%;
            .message_img {
                width: 50px;
                height: 50px;
                border-radius: 50%;
            }
            .message_text {
                border-radius: 25px;
                padding: 20px;
                width: 60%;
                background-color: #F2F2F2;
                font-size: 14px;
                margin-top: 20px;
            }
        }
        .my_message_ele {
            width: 100%;

            .my_message_img {
                width: 50px;
                height: 50px;
                border-radius: 50%;
            }

            .my_message_text {
                color: white;
                border-radius: 25px;
                padding: 20px;
                width: 60%;
                background-color: #3E7CFC;
                font-size: 14px;
                margin-top: 20px;
            }
        }
    }

    .message_keyboard {
        width: 100%;
        position: fixed;
        bottom: 0;
        height: 50px;
        background-color: #F2F2F2;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        .keyboard {
            width: 75%;
            border: none;
            border-radius: 20px;
            height: 30px;
        }
    }
}